.page-box {
    .header {
        height: 543rpx;
        box-sizing: border-box;
        background: linear-gradient(180deg, #1226aa 60%, #ebeef5 100%);
    }
    .section {
        margin: -490rpx 32rpx 32rpx 32rpx;
        background: #ffffff;
        border-radius: 20rpx;
        padding: 24rpx 24rpx 24rpx 24rpx;
        .entrance {
            height: 200rpx;
            background: linear-gradient(140deg, #e5eaf7 0%, #ffffff 100%);
            border-radius: 20rpx;
            border: 1rpx solid #ffffff;
            margin-bottom: 16rpx;
            .pic {
                width: 207rpx;
                height: 200rpx;
                image {
                    width: 207rpx;
                    height: 200rpx;
                }
            }
            .text {
                width: calc(100% - 207rpx);
                padding-left: 44rpx;
                .t1 {
                    font-weight: 600;
                    font-size: 36rpx;
                    color: #1226aa;
                    line-height: 50rpx;
                }
                .t2 {
                    font-weight: 600;
                    font-size: 36rpx;
                    color: #2e3233;
                    line-height: 50rpx;
                    margin-left: 24rpx;
                }
                .t3 {
                    width: 366rpx;
                    margin-top: 12rpx;
                    font-weight: 400;
                    font-size: 22rpx;
                    color: #6e767a;
                    line-height: 30rpx;
                }
            }
        }
        .btn {
            width: 200rpx;
            height: 70rpx;
            background: #1226aa;
            border-radius: 50rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #ffffff;
            margin: 48rpx auto 0;
            &.disabled {
                opacity: 0.7;
            }
        }
        .h2 {
            font-size: 35rpx;
            font-weight: bold;
            color: #292b33;
            line-height: 44rpx;
            text-align: center;
        }
        .list {
            margin-top: 48rpx;
            .box {
                border-bottom: 1px solid #f0f0f2;
                padding-bottom: 24rpx;
                margin-bottom: 24rpx;
                &:last-child {
                    border-bottom: none;
                }
                .title {
                    font-size: 30rpx;
                    color: #292b33;
                    line-height: 44rpx;
                }
                .desc {
                    margin-top: 12rpx;
                    font-size: 24rpx;
                    font-weight: 400;
                    color: #919399;
                    line-height: 32rpx;
                    max-height: 66rpx;
                    word-break: break-all;
                    word-wrap: break-word;
                    white-space: pre-wrap;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
                .bottom {
                    margin-top: 18rpx;
                    text-align: right;
                    .time {
                        color: #919399;
                        font-size: 24rpx;
                    }
                    .iconfont {
                        color: #919399;
                        font-size: 26rpx;
                    }
                    .num {
                        color: #919399;
                        font-size: 23rpx;
                        margin-left: 4rpx;
                    }
                }
            }
        }
    }
}

.popup-content {
    .content {
        position: relative;
        width: 580rpx;
        height: 566rpx;
        background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
        border-radius: 20rpx;
        .ico {
            position: absolute;
            top: -41rpx;
            left: 0;
            right: 0;
            width: 125rpx;
            height: 127rpx;
            margin: 0 auto;
            image {
                width: 125rpx;
                height: 127rpx;
            }
        }
        .t1 {
            margin-top: 99rpx;
            font-weight: 600;
            font-size: 32rpx;
            color: #f5a518;
            line-height: 45rpx;
            margin-bottom: 10rpx;
        }
        .t2 {
            font-size: 26rpx;
            color: #2e3233;
            line-height: 37rpx;
        }
        .t3 {
            font-size: 26rpx;
            color: #f5a518;
            line-height: 37rpx;
            margin: 0 2rpx;
        }
        .price {
            width: 468rpx;
            height: 148rpx;
            background: #ffffff;
            border-radius: 16rpx;
            font-weight: 600;
            font-size: 78rpx;
            color: #2e3233;
            line-height: 68rpx;
            margin-top: 45rpx;
            margin-bottom: 44rpx;
        }
        .pay {
            width: 468rpx;
            height: 88rpx;
            background: #1226aa;
            border-radius: 44rpx;
            font-size: 28rpx;
            color: #ffffff;
        }
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        bottom: -110rpx;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
    .select-type {
        width: 580rpx;
        padding: 100rpx;
        .title {
            font-weight: 600;
            font-size: 28rpx;
            color: #232423;
            margin-bottom: 24rpx;
        }
        .box {
            height: 80rpx;
            border-radius: 10rpx;
            font-size: 28rpx;
            color: #fff;
            margin-bottom: 24rpx;
            background: #1226aa;
        }
    }
}
